<template>
    <div class="container">
        <!-- 通过 slot 固定槽位位置，供调用者扩展 -->
        <slot name="left"></slot>
        <!-- <span>left</span> -->
        <span>{{title}}</span>
        <!-- <span>right</span> -->
        <slot name="right"></slot>
    </div>

</template>

<script>
export default {
    props: {
        title: String
    }
}
</script>



<style lang="scss" scoped>
    .container {
        display: flex;
        justify-content: space-between
    }
</style>
